@charset"utf-8";
/*
*Name: CSS Reset.
* Author:huzhangjun
* Time:2017-04-17
*/

/* Reset default browser CSS. */
*{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}
.clear{clear: both;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul,li {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html {
	font-family: sans-serif;
    -webkit-text-size-adjust: 100%;/*旋转屏幕时，字体大小调整的问题*/
    box-sizing: border-box;
    overflow-x: hidden;
}

body {
	font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans CN", sans-serif;
	line-height: 1.5;
	font-size:14px;
	color:#333;
	height: 100%;
	-webkit-touch-callout: none;/*禁止系统默认菜单弹出 behavior允许弹出*/
	-webkit-overflow-scrolling: touch; /*touch 当手指从触摸屏上移开，会保持一段时间的滚动 auto时：滚动会立即停止 */
	-webkit-tap-highlight-color: rgba(255,0,0,0.5);/*解决ios半透明的灰色背景*/
	 overflow-scrolling: touch;/*上下拉动滚动条时卡顿、慢*/
	 -webkit-user-select: none;/*用于设置用户是否能够选中文本  | text | all | element  IE浏览器下是通过 onselectstart=”javascript:return false;”*/
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;/*禁止复制、选中文本*/
	-webkit-appearance: none;/*去除系统默认appearance的样式,常用于IOS下移除原生样式*/
	border-width: medium;/*thin定义细的边框。medium默认定义中等的边框。thick定义粗的边框。length允许您自定义边框的宽度。 inherit规定应该从父元素继承边框宽度。*/
	-webkit-font-smoothing: antialiased;/*字体抗锯齿,使用后字体看起来会更清晰*/
	-moz-osx-font-smoothing: grayscale;/*Gecko字体抗锯齿,使用后字体看起来会更清晰*/
}


a {
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: rgba(255,0,0,0.5);/*解决ios半透明的灰色背景*/
}

/*滑动条srollStyle*/
::-webkit-scrollbar {
    width: 2px;
    height:2px;
}

::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 2px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 2px;
    background-color: rgba(125, 125, 125, 0.7);
    -webkit-border-radius: 6px;
}


html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
select,textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  background: none;
  border-radius: 0 0 0 0;
  box-shadow: none;
}

a,
input,
textarea,
select,
button {
    outline: 0;
}

i, em {font-style: normal;}

div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

/*** Utility Classes ***/
input:focus,button:focus,select:focus,textarea:focus{outline: none;}

/* ios系统中元素被触摸时产生的半透明灰色遮罩怎么去掉*/
button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance: none;border: 0; }

/* 部分android系统中元素被点击时产生的边框怎么去掉*/
button,input,textarea{
	-webkit-tap-highlight-color: rgba(0,0,0,0;);
	-webkit-user-modify:read-write-plaintext-only;
}

/*webkit表单输入框placeholder的颜色值改变*/
input::-webkit-input-placeholder{color:#AAAAAA;}
input:focus::-webkit-input-placeholder{color:#EEEEEE;}

/*webkit表单元素的默认外观重置*/
.app{-webkit-appearance:none;}

/*伪元素改变number类型input框的默认样式*/
input[type=number]::-webkit-textfield-decoration-container {background-color: transparent;    }
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;}

/*禁用 select 默认下拉箭头*/
select::-ms-expand {display: none;}

/*禁用PC端表单输入框默认清除按钮*/
input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{display: none;}

/*禁用 radio 和 checkbox 默认样式*/
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{display: none;}

 /*去掉苹果默认样式*/
input{-webkit-appearance: none;border: none;box-sizing: border-box;font-family: "Consolas",Microsoft Yahei;}
input[type="button"],input[type="submit"]{ cursor: pointer;}
img{vertical-align: bottom;  border: none;}
em,i{ font-style: normal;}
::selection{background: #333;color: #fff;}

/*map*/
body{background: rgb(64, 74, 89);color: #fff;}
#china-map {width:70%; height: 768px;margin: auto;float: left;overflow: hidden;}
.right-ul{width: 20%;float: left;margin: 0 15px;height: 768px;overflow: auto;}
.right-ul h3{text-align: center;margin: 10px  auto;}
.right-ul ul{border: solid 1px #607D8B;}
.right-ul li{border-bottom: solid 1px rgba(158,158,158,0.65);padding: 0 10px;}
.right-ul li:nth-child(even){background: rgba(96,125,139,0.65);}
.right-ul li:hover{background: rgba(0,0,0,0.1);}
.bottom-ul{width: 60%;margin: 15px 0;}
.bottom-ul table{width: 100%;}
.bottom-ul table tr td{border: solid 1px rgba(158,158,158,0.65);text-align: center;width: 25%;}
.bottom-ul table tr:nth-child(even){background: rgba(96,125,139,0.65);}
.bottom-ul table tr:hover{background: rgba(0,0,0,0.2);}
